<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>订单列表</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
</head>
<!-- 按钮集 -->
<script type="text/html" id="barDemo">
    <input type="button" value="查看" lay-event="detail" class="layui-btn layui-btn-xs">
    <input type="button" value="付款" lay-event="pay"  class="layui-btn layui-btn-xs layui-btn-normal">
    <input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger">
</script>
<script type="text/html" id="bar">

</script>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>订单信息</legend>
</fieldset>

<form class="layui-form" action="">
    <div class="layui-form-item">
    <div class="layui-inline">
        <label class="layui-form-label">客户名称:</label>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input  style="width: auto;" value="" id="cusName" type="text" name="cusName" lay-verify="title"
                        autocomplete="off" placeholder="请输入客户名称" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">付款状态:</label>
            <div class="layui-input-inline">
                <select id="paymentStatus" name="paymentStatus">
                    <option value="">请选择付款状态</option>
                </select>
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">状态:</label>
            <div class="layui-input-inline">
                <select id="orderStatus" name="orderStatus">
                    <option value="">请选择状态</option>
                </select>
    </div>
    </div>
    </div>

        <div class="layui-inline">
            <label class="layui-form-label">创建日期:</label>
            <div class="layui-input-inline">
                <input style="width: auto;" id="createDate1" value="" type="date" name="createDate1" lay-verify="title"
                       autocomplete="off" placeholder="请输入起始日期" class="layui-input">
            </div>
            <div class="layui-inline">
                <label style="width: 0px;" class="layui-form-label">至</label>
                <div class="layui-input-inline">
                <input style="width: auto;" value="" id="createDate2" type="date" name="createDate2" lay-verify="title"
                       autocomplete="off" placeholder="请输入截止日期" class="layui-input">
            </div>
        </div>
    </div>
    </div>
</form>
<div class="layui-container" >
    <div class="layui-tab-item layui-show">
        <table class="layui-table" id="test" lay-filter="test">

            </tbody>
        </table>


    </div>
</div>
<script src="lib/js/jquery-3.4.1.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="lib/js/order.js"></script>
</body>
</html>